<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<center>
			<h1>Run to your heart</h1>
		<svg class="icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="heart" class="svg-inline--fa fa-heart fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg"viewBox="0 0 512 512"><path fill="red" d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"></path></svg>
	<style type="text/css">
	.icon{
	position:relative;
	animation:haha 5s infinite;
	-webkit-animationh:haha 5s infinite;
	/*Safari and Chorme*/
	}
	.icon{
		width:50%;
		height:50%;
		overflow:hidden;
		background:linear-gradient(to right,pink white)no reapeat;
	}
	@keyframes haha{
	0% {left:0px;transform:rotate(0deg);}
	10% {left:200px;transform:rotate(-360deg)}
	50% {left:500px;transform:rotate(0deg)}
	100%{left:0px}
	}
	</style>
	
	
	
	
	</body>
	 
	
</html>